<template>
	<view>
		<qf-image-cropper ref="qfImageCropper" :width="200" :height="200" :src="cropImg" :rotatable="false"
			@crop="handleCrop">
			</qf-image-cropper>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import QfImageCropper from '@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue';
	const cropImg = ref('')

	function handleCrop(e) {
		uni.navigateTo({
			url: `/pages/subpackage/mine/prefectInformation/index?cropFile=${e.tempFilePath}`
		})
		// // #ifdef H5
		// h5下载图片
		// var a = document.createElement('a');
		// a.href = e.tempFilePath;
		// a.download = new Date().valueOf() + ".png";
		// a.click();
		// // #endif
		// // #ifndef H5
		// 非h5保存相册
		// uni.saveImageToPhotosAlbum({
		// 	filePath: e.tempFilePath,
		// 	success: () => {
		// 		uni.showToast({
		// 			title: '保存成功',
		// 			icon: 'success'
		// 		})
		// 	}
		// });
		// // #endif
	}
	onLoad((option) => {
		cropImg.value = option.file
		uni.setNavigationBarColor({
		  frontColor: '#ffffff', // 前景色值，包括按钮、标题、状态栏的颜色
		  backgroundColor: '#2d2d2d', // 背景颜色值，包括背景、按钮等
		});
	})
</script>

<style>
</style>